<template>
    <div>
        <ul>
            <li v-for="item in list" :key="item.id">
                {{item.name}}
                <ul>
                    <li v-for="music in item.musicList" :key="music.mid">
                        {{music.mname}}
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    data(){
        return{
            list:[
                {
                    id:'1001',
                    name:'梁静茹',
                    musicList:[
                        {
                            mid:'m1001',
                            mname:'勇气'
                        },
                        {
                            mid:'m1002',
                            mname:'宁夏'
                        },
                        {
                            mid:'m1003',
                            mname:'可惜不是你'
                        }
                    ]
                },
                {
                    id:'1002',
                    name:'李克勤',
                    musicList:[
                        {
                            mid:'m2001',
                            mname:'红日'
                        },
                        {
                            mid:'m2002',
                            mname:'月半小夜曲'
                        }
                    ]
                },
                {
                    id:'1003',
                    name:'李荣浩',
                    musicList:[
                        {
                            mid:'m3001',
                            mname:'李白'
                        },
                        {
                            mid:'m3002',
                            mname:'年少有为'
                        }
                    ]
                }
            ]
        }
    }
}
</script>

<style>

</style>